<!--左侧焦点图-->
<div class="focus">
<link href="http://static.52holiday.com/huodong/css/focus1.css" rel="stylesheet" type="text/css" />				
<div id="play">	
	<div id="play_bg"></div>
	<div id="play_info"></div>
	<div id="play_text">
		<ul>
        <!--{loop $data $key $d}-->
			<li><?php $key=$key+1; echo $key;?></li>
		<!--{/loop}-->
		</ul>
	</div>
	<div id="play_list">
	{loop $data $n $r}
		<a href="{$r[url]}" target="_blank" title="{$r[title]}"><img src="/attachments{$r[thumb]}" alt="{$r[title]}{$r[description]}" /></a>
	{/loop}
	</div>
</div>
<script type="text/javascript">
var t = n = 0, count = $("#play_list a").size();
$(function() {	
	$("#play_list a:not(:first-child)").hide();
	$("#play_info").html($("#play_list a:first-child").find("img").attr('alt'));
	$("#play_text li:first-child").css({ "background":"#fff",'color':'#000'});
	$("#play_info").click(function() { window.open($("#play_list a:first-child").attr('href'), "_blank")});
	$("#play_text li").click(function() {
		var i = $(this).text() - 1;
		n = i;
		if (i >= count) return;
		$("#play_info").html($("#play_list a").eq(i).find("img").attr('alt'));
		$("#play_info").unbind().click(function() { window.open($("#play_list a").eq(i).attr('href'), "_blank") } );
		$("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
		$(this).css( { "background":"#fff",'color':'#000' } ).siblings().css( { "background":"#000",'color':'#fff' } );
	});
	t = setInterval("showAuto()", 2000);
	$("#play").hover(function() { clearInterval(t) }, function() { t = setInterval("showAuto()", 2000); } );
});

function showAuto()
{
	n = n >= (count - 1) ? 0 : ++n;
	$("#play_text li").eq(n).trigger('click');
}
</script>	
</div>
<!--左侧焦点图 end-->